.carousel-body {
  width: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;

  .slide-body {
    display: flex;
    transition: all 0.3s ease-in-out;

    .slide-item {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      flex-shrink: 0;

      .slide-item-img {
        display: block;
        min-width: 950px;
        width: 100%;
        // height: 720px;
        background-size: cover;
        background-position: center;
      }
    }
  }

  .dot-body {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;

    .dot-item {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #a2a2a2;
      opacity: 1;
      margin: 0 5px;
    }

    .dot-active {
      background-color: #ab8f60;
    }
  }
}
